<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>修改密码</title>
    <script src="https://cdn.bootcss.com/jquery/1.12.3/jquery.min.js"></script>
    <script>
        function re(){
            location.href="/login_user"
        }
    </script>
</head>
{% load static %}
<body style="background-image: url({% static 'images/login_4.gif' %});
        background-size:100% 200%;background-repeat:no-repeat;">

	<div id="maxname" style="width:1535px;height:700px;">
      <div id="menu" style="height:700px;width:38%;float:left;">
      </div>

        <div id="content" style="height:300px;width:40%;float:left;margin-top: 230px;background-image: url({% static 'images/login_2.gif' %});background-repeat:no-repeat; background-size:50% 90%">
            <div style="top: 300px;position: absolute">
                <form method="post" action="{% url 'App:change' %}">
                   {% csrf_token %}
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;用户名：<input type="text" name="name" required autocomplete="off" autofocus><br>
                    <a style="color: red">{{ error_name }}</a><br>
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;旧密码：<input type="password" name="password" required><br><br>
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;新密码：<input type="password" name="new_password" required><br>
                    <a style="color: red">{{ form.new_password.errors }}</a><br>
                   <input type="submit" value="确定" style="width:130px;height:30px;background-color: #d4f8ff">
                   <input type="button" value="返回登录" onclick="re()" style="background-color: #d4f8ff;width: 130px;height: 30px">
                    <br>
                    <a style="color: red">{{ error_s }}</a>
                </form>
           </div>
        </div>

  </div>

</body>
</html>